<!--
    THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=gauge-temperature
-->
<!DOCTYPE html>
<html style="height: 100%">

<head>
    <meta charset="utf-8">
</head>
<style>
    .gauge {
        width: 230px;
        height: 230px;
        border: solid 1px gray;
        padding: 5px;
    }
</style>

<body style="height: 100%; margin: 0">
    <div id="gauge1" class="gauge"></div>

    <script src="https://cdn.bootcss.com/echarts/4.2.1/echarts.min.js"></script>
    <script src="http://www.timeddd.com/Demo/gauge.js"></script>
    <script>

        setInterval(function () {
            let random = (Math.random() * 60).toFixed(2) - 0;
            Gauge.Hygrothermograph('gauge1', random, random);
        }, 2000);

        if (option && typeof option === 'object') {
            myChart.setOption(option);
        }

    </script>
</body>

</html>